﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <style>
        .IsException {
            color: red;
        }

        .IsNormal {
            color: blue;
        }

        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<div ng-cloak ng-controller="HomeController" ng-init="  PlaceId='@(Request.QueryString["PlaceId"].IsEmpty() ? "" : Request.QueryString["PlaceId"])';
                RoomId='@(Request.QueryString["RoomId"].IsEmpty() ? "" : Request.QueryString["RoomId"])';
                 PlaceName='@(Request.QueryString["PlaceName"].IsEmpty() ? "" : Request.QueryString["PlaceName"])';GetRiskList(RoomId);GetPlaceRiskChart(PlaceId);">
    <header class="mui-bar mui-bar-nav">
        @*<a id="menu" class="mui-action-menu mui-icon mui-icon-plus mui-pull-right" href="MDrillFormAdd"></a>*@
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" style="color:white;" ng-cloak>{{PlaceName}}-风险分析</h1>
    </header>
    <div class="mui-content">
        <div class="mui-card">
            <div class="mui-card-header"><h5>作业活动类型分布</h5></div>
            <div class="mui-card-content" id="riskchart" style="height:200px;">

            </div>
        </div>
        <div class="mui-card" ng-repeat="x in RiskList" ng-cloak>
            <div class="mui-card-header"><h4>{{$index+1}}.{{x.JobActivity}}</h4></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <b>固有风险等级</b>：{{x.LevelName}}<br />
                    <b>危险有害因素</b>：{{x.RiskContent}}<br />
                    <b> 后果</b>：{{x.Consequence}}<br />
                    <div ng-repeat="y in x.MeassuresList">
                        <b>措施</b>：{{y.ContentText}}<br />
                        <b> 风险评定等级</b>：{{x.RatingName}}<br />
                        <b> 责任人</b>：{{y.UserList}}<br />
                    </div>
                </div>
            </div>
            @*<div class="mui-card-footer">页脚</div>*@
        </div>
    </div>
    <div style="height:60px;">

    </div>
</div>
@section js{
    <script src="~/Assets/js/base/echart.min.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Assets/js/pg/Home.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });
        mui.showLoading("正在加载..", "div");
        setTimeout(function () {
            mui.hideLoading();
        }, 2000);


    </script>
}

